<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>考拉海购</title>
  <link rel="shortcut icon" href="https://img.alicdn.com/tfs/TB13g4aqXP7gK0jSZFjXXc5aXXa-32-32.ico">
  <link rel="stylesheet" href="../iconfont/iconfont.css">
  <!-- 重置样式表 -->
  <link rel="stylesheet" href="../css/1.reset.css">

  <link rel="stylesheet" href="../css/6.cart.css">

  <!-- 引入jquery -->
  <script src="../js/jquery.min.js"></script>



</head>

<body>
  <!-- 导航-->
  <div class="nav">
    <div class="wrapper">
      <!-- 导航栏左边 -->
      <div class="topNavLeft">
        <span class="hello">考拉欢迎你</span>
        <a href="javascript:;" class="navAdmit">登录</a>
        <a href="javascript:;" class="navReg">免费注册</a>
      </div>
      <!-- 导航栏中间 -->
      <div class="topNavLeft2">
        <a href="javascript:;" class="iphone">手机考拉</a>
      </div>
      <!-- 导航栏右边 -->
      <ul class="topNavRight">
        <li>
          <a href="javascript:;">每日签到</a>
        </li>
        <li>
          <a href="javascripr:;">我的订单</a>
        </li>
        <li class="person">
          <!-- 个人中心 -->
          <div class="navPerson common">
            <a href="../html/7.personal.html" class="p1">
              个人中心<i class="iconfont icon-triangle-down"></i>
            </a>
            <!-- 个人中心的下拉 -->
            <div class="myDrop">
              <a href="javascript:;" class="quit">
                <span>退出登录</span>
              </a>
              <a href="javascript:;" class="admitPerson p2">
                <span>账号管理</span>
              </a>
              <a href="javascript:;" class="p2">
                <span>我的订单</span>
              </a>
              <a href="javascript:;" class="p2">
                <span>我的优惠券</span>
              </a>
            </div>
          </div>
        </li>

        <li class="serve">
          <!-- 客户服务 -->
          <div class="navServe common">
            <a href="javascript:;" class="p1">
              客户服务<i class="iconfont icon-triangle-down"></i>
            </a>
            <!-- 客户服务的下拉 -->
            <div class="myDrop">
              <a href="javascript:;" class="p2">
                <span>联系客服</span>
              </a>
              <a href="javascript:;" class="p2">
                <span>帮助服务</span>
              </a>
              <a href="javascript:;" class="p2">
                <span>规则中心</span>
              </a>
            </div>
          </div>
        </li>

        <li class="charge">
          <!--  充值中心 -->
          <div class="navCharge common">
            <a href="javascript:;" class="p1">
              充值中心<i class="iconfont icon-triangle-down"></i>
            </a>
            <!-- 充值中心的下拉 -->
            <div class="myDrop">
              <a href="javascript:;" class="p2">
                <span>话费充值</span>
              </a>
              <a href="javascript:;" class="p2">
                <span>游戏充值</span>
              </a>
              <a href="javascript:;" class="p2">
                <span>APPStore充值</span>
              </a>
            </div>
          </div>
        </li>

        <!-- 消费者权益 -->
        <li class="sumber">
          <div class="navSumber common">
            <a href="javascript:;" class="p1">
              消费者权益<i class="iconfont icon-triangle-down"></i>
            </a>
            <!-- 消费者权益的下拉 -->
            <div class="myDrop">
              <a href="javascript" class="p2">
                <span>消费者告知书</span>
              </a>
            </div>
          </div>
        </li>

        <!-- 更多 -->
        <li class="more">
          <div class="navMore common">
            <a href="javascript:;" class="p1">
              更多<i class="iconfont icon-triangle-down"></i>
            </a>
            <!-- 消费者权益的下拉 -->
            <div class="myDrop">
              <a href="javascript" class="p2">
                <span>新浪微博</span>
              </a>
              <a href="javascript" class="p2">
                <span>收藏本站</span>
              </a>
              <a href="javascript" class="p2">
                <span>微信公众号</span>
              </a>
            </div>
          </div>
        </li>
        <li class="content">
          <a href="javascript:;">视频内容</a>
        </li>
      </ul>
    </div>
  </div>

  <!-- 头部 -->
  <div class="header">
    <div class="wrapper">
      <!-- 左边的logo -->
      <a href="../html/1.homepage.html" class="logo">
      </a>

    </div>
  </div>

  <!-- 购物车 -->
  <div class="cart wrapper">
    <div class="cart_top">
      <h3>我的购物车</h3>
      <span class="tip">
        <img src="https://kaola-haitao.oss.kaolacdn.com/45441f34-6f10-45ee-8f33-11d9bc5dc4b8_16_16.png" alt="">
        考拉自营商品已免运费
      </span>

      <a href="../html/4.goodlist.html">继续购物</a>

    </div>


    <div class="m-cart">
      <div class="head">
        <div class="col">
          <input type="checkbox" class="selectAll">
          <span>全选</span>
        </div>
        <div class="col1">
          商品信息
        </div>
        <div class="col2">
          单价(元)
        </div>
        <div class="col3">
          数量
        </div>
        <div class="col4">
          金额(元)
        </div>
        <div class="col5">
          操作
        </div>

      </div>
      <div class="goods">
        <ul class="m_goods">
          <!-- <li>
            <div class="row0">
              <input type="checkbox" class="check-one">

            </div>
            <div class="row1">
              <img
                src="https://kaola-pop.oss.kaolacdn.com/dd958c74f8c24591a96ab9a74a29e5c1_800_800.jpg?x-oss-process=image/resize,w_80/quality,q_85"
                alt="">
              <div class="txt">
                iphone 14 pro
              </div>
              <div class="package">
                套餐:官方标配
              </div>
            </div>
            <div class="row2">
              9799
            </div>
            <div class="row3">
              <button class="reduce">-</button>
              <input type="text" value="1" class="count-input">
              <button class="add">+</button>
            </div>
            <div class="row4">
              9799
            </div>
            <div class="row5">
              <span class="delete">删除</span>
            </div>
          </li> -->
        </ul>

      </div>

      <div class="bar">
        <div class="lt">
          <span class="deleteAll">删除选中商品</span>
        </div>
        <div class="rt">
          <p class="allgoods">
            已选商品
            <span class="nums">0</span>
            件
            <span class="itm">
              总价(不含运费)
              <em class="money">￥:0</em>
              元
            </span>

          </p>
          <p class="allmoney">
            <button class="gobuy">去结算</button>
          </p>

        </div>
      </div>

    </div>



  </div>

  <!-- empty -->
  <div class="empty wrapper">
    <p class="e-bg"></p>
    <P class="e-title">购物车里空空如也，赶紧去
      <a href="../html/4.goodlist.html" class="play">逛逛吧></a>
    </P>

  </div>


  <!-- 底部一 -->
  <div class="footer">
    <div class="wrapper">
      <ul>
        <li class="footer_logo">
          <a href="javascript:;">
            <img src="https://kaola-haitao.oss.kaolacdn.com/f69c45fd-8d91-4e18-8e3f-a546be302a12.png" alt="">
          </a>
          <div class="focuson">
            <span>关注我们</span>
            <i class="iconfont icon-25"></i>
            <i class="iconfont icon-27"></i>
          </div>
          <div class="report">
            举报邮箱：heguijubao@list.alibaba-inc.com
          </div>
          <div class="report">
            违法和不良信息举报电话：9510286 (周一到周日09:00-24:00)
          </div>




        </li>
        <li>
          <dl>
            <dt>考拉保障</dt>
            <dd>廉政保障</dd>
          </dl>

        </li>
        <li>
          <dl>
            <dt>新手指南</dt>
            <dd>购物流程</dd>
            <dd>支付方式</dd>
            <dd>通关税费</dd>
            <dd>常见问题</dd>
          </dl>

        </li>
        <li>
          <dl>
            <dt>售后服务</dt>
            <dd>售后政策</dd>
            <dd>退货流程</dd>
            <dd>特色服务</dd>
            <dd>联系客服</dd>
          </dl>

        </li>
        <li>
          <dl>
            <dt>物流配送</dt>
            <dd>配送服务</dd>
            <dd>运费标准</dd>
            <dd>物流跟踪</dd>
            <dd>配送服务</dd>
          </dl>


        </li>
        <li>
          <dl>
            <dt>商家服务</dt>
            <dd>招商合作</dd>
            <dd>销售联盟</dd>
            <dd>商家成长</dd>
          </dl>
        </li>
        <li>
          <dl>
            <dt>关于我们</dt>
            <dd>联系我们</dd>
            <dd>CEO邮箱</dd>

          </dl>
        </li>
        <li>
          <img src="https://kaola-haitao.oss.kaolacdn.com/a22c58ba-e800-4286-9a6e-0d4d159a2920.png" alt="">
          <span>扫描下载手机版</span>

        </li>
      </ul>





    </div>
  </div>

  <!-- 底部二 -->
  <div class="footerTwo">
    <div class="wrapper">
      <div class="copy_top">
        <span>增值电信业务经营许可证：浙B2-20160288</span>
        <span>(浙)网械平台备字[2018]第00007号</span>
        <span>阿里巴巴版权所有©2003-2022</span>
        <span>隐私政策 - 规则与协议</span>
      </div>

      <div class="copy_center">
        <span>网络文化经营许可证：浙网文（2020）4340-180号 </span>
        <span>浙江省网络食品销售第三方平台提供者备案：浙网食A33010006 </span>
        <span>网络第三方平台规范进口冷链食品承诺函 </span>
      </div>

      <div class="copy_bottom">
        <img src="	https://kaola-haitao.oss.kaolacdn.com/f28aa8ee818a42bf832341f605eccefb.png" alt="">
        <span class="quality">浙公网安备 33010802002216号 </span>
        <span>互联网药品信息服务资格证书编号（浙）- 经营性 - 2017 - 0027</span>
        <span>浙ICP备16011229号-6 </span>
        <span>自营经营者信息</span>
      </div>
      <div class="copy_img">
        <img src="https://img.alicdn.com/imgextra/i3/O1CN01Y62yEN1Y3Q8XaJ6CU_!!6000000003003-2-tps-224-80.png" alt="">
        <img src="https://img.alicdn.com/imgextra/i2/O1CN01z1DrGZ235wPGy2DXK_!!6000000007205-2-tps-76-76.png" alt="">
        <img src="https://img.alicdn.com/imgextra/i2/O1CN01NVxlKO1Gvm3YFcmiK_!!6000000000685-2-tps-532-80.png" alt="">
        <img src="https://img.alicdn.com/imgextra/i2/O1CN015b5zFW24JVl1e9zNH_!!6000000007370-2-tps-406-80.png" alt="">
        <img src="https://img.alicdn.com/imgextra/i4/O1CN01cqPfNB1WljDgkaX1l_!!6000000002829-2-tps-476-80.png" alt="">
        <img src="https://img.alicdn.com/imgextra/i4/O1CN014pBwCy1S3yvLsZbPS_!!6000000002192-2-tps-394-80.png" alt="">
        <img src="https://img.alicdn.com/imgextra/i1/O1CN01SYYSFk1oEtuxHRC2T_!!6000000005194-2-tps-350-80.png" alt="">

      </div>


    </div>

  </div>

  <!-- 请求数据 -->
  <script src="../js/Ajax.js"></script>
  <!-- 接口整合 -->
  <script src="../js/Interface.js"></script>
  <!-- 页面的js文件 -->
  <script src="../js/6.cart.js"></script>


</body>

</html>